<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>遍历数组</h2>
    <p>我们通常可以使用for循环遍历数组。</p>
    <p>js中可以使用三种方式遍历数组。</p>
    <ol>
        <li>通过长度，使用传统的for循环。</li>
        <li>使用for...in循环</li>
        <li>使用for...of循环</li>
    </ol>
    <p>数组长度：使用 数组名.length 获取数组长度。</p>
    <dl>
        <dt>作业1</dt>
        <dd>创建一个数组，添加数值元素进入数组。</dd>
        <dd>求数组中元素的和、最大值、最小值、平均数</dd>
        <dd>推荐方式：定义多个方法，传入数组求传入数组的和、最大值、最小值、平均数。</dd>
    </dl>
    <dl>
        <dt>作业2</dt>   +
        <dd>双色球：红球和篮球。</dd>
        <dd>红球：1-33，选择6个</dd>
        <dd>篮球：1-16，选择1个</dd>
        <dd>必做：定义一个方法，传入一个数值，表示随机多少注。打印选出的号。</dd>
        <dd>选做：使用HTML的DOM把随机选出的号展示出来。</dd>
        <dd>必做：把红球按从小到大排列。</dd>
        <dd>必做：给出一组号码，看看自己中奖没有。</dd>
    </dl>
    <script>
        let a = ['a','b','c','d'];

        // for循环
        for (let i = 0;i < a.length;i ++) {
            console.log("index = ",i,",value = ",a[i]);
        }

        // for...in循环：也称为foreach循环，遍历出数组的索引
        // 注意：索引的值是“字符串”表示形式。
        console.log("---------------------for...in-----------------------");
        for (let i in a) {
            console.log("index = ",i,",value = ",a[i]);
        }

        // for...of循环，直接遍历出数组的值（ES6新增）
        console.log("---------------------for...of-----------------------");
        let i = 0;
        for (let v of a) {
            console.log("index = ",i ++,",value = ",v);
        }
    </script>
</body>
</html>